.finance-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/leaderImg/leaderBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 27%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top {
					flex: 1;
					display: flex;
					flex-direction: column;
					.lf-top-cn {
						flex: 1;
						display: flex;
						flex-wrap: wrap;
						padding: 1% 7%;
						.item-box {
							width: 50%;
							display: flex;
							align-items: center;
							> div {
								&:nth-child(1) {
									img {
										background: url("@/assets/screenImg/retireImg/yellowBg.gif")
											no-repeat;
										background-size: 105% 105%;
										background-position-x: center;
										background-position-y: bottom;
									}
								}
								&:nth-child(2) {
									margin-left: 10px;
								}
							}
						}
					}
				}
				.lf-center {
					height: 35%;
					display: flex;
					flex-direction: column;
					.lf-center-cn {
						flex: 1;
						position: relative;
					}
				}
				.lf-bottom {
					height: 35%;
					display: flex;
					flex-direction: column;
					.lf-bottom-cn {
						flex: 1;
						position: relative;
					}
				}
			}
			.dataScreen-ct {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				.ct-top {
					height: 40%;
					display: flex;
					flex-direction: column;
					.ct-top-cn {
						flex: 1;
						display: flex;
						flex-direction: column;
						.top-cn-top {
							display: flex;
							align-items: center;
							.item-box {
								width: 25%;
								background: url("@/assets/screenImg/projectImg/center/border1.png")
									no-repeat;
								background-size: 100% 100%;
								display: flex;
								align-items: center;
								padding: 10px 30px 5px 15px;
								.lf-icon {
									flex: 3;
									margin-right: 10px;
									img {
										background: url("@/assets/screenImg/projectImg/bottomBg.gif")
											no-repeat;
										background-size: 100%;
										background-position-x: center;
										background-position-y: bottom;
									}
								}
								.rg-desc {
									flex: 7;
									> .img {
										display: flex;
										align-items: center;
										span {
											font-size: 12px;
										}
										div {
											display: flex;
											margin-left: 5px;
										}
									}
									> .text {
										margin-top: 5px;
										white-space: nowrap;
									}
									.numColor {
										font-size: 26px;
										font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
										font-weight: bold;
										color: #ffffff;
										line-height: 35px;
										text-shadow: 0px 1px 7px #ffda3a;
										&.unit {
											font-size: 18px;
										}
									}
								}
							}
						}
						.top-cn-bottom {
							flex: 1;
							padding-top: 30px;
							.map-box {
								width: 100%;
								height: 100%;
								background: #191d33;
								position: relative;
								.icon-item {
									position: absolute;
									cursor: pointer;
								}
							}
						}
					}
				}
				.ct-center {
					flex: 1;
					display: flex;
					flex-direction: column;
					.ct-center-cn {
						flex: 1;
					}
				}
				.ct-bottom {
					flex: 1;
					display: flex;
					flex-direction: column;
					padding-bottom: 10px;
					.ct-bottom-cn {
						flex: 1;
						:deep(.table-box) {
							background: none;
							.el-table__inner-wrapper {
								&::before {
									height: 0;
								}
							}
							.table-head {
								background: rgba(21, 77, 160, 0.2);
								.el-table__cell {
									padding: 8px 0;
									background: none;
									border: none;
									&:nth-child(1) {
										padding-left: 15%;
									}
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										font-weight: 400;
										color: #40c5f1;
										line-height: 16px;
										text-align: center;
									}
								}
							}
							.table-row {
								background: none;
								.el-table__cell {
									border: none;
									padding: 10px 10px;
									position: relative;
									.cell {
										font-size: 14px;
										font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
										font-weight: 400;
										color: #d8f0ff;
										line-height: 20px;
										text-align: center;
										.coloumn-one {
											display: flex;
											justify-content: center;
											align-items: center;
											img {
												width: 40px;
												height: 25px;
												margin-right: 35%;
											}
										}
										.grade {
											color: #d3e3ff;
											text-shadow: 0px 2px 4px rgba(54, 227, 227, 0.53);
										}
									}
								}
								&:hover td.el-table__cell {
									background: none;
								}
								&:hover {
									background: linear-gradient(
										270deg,
										rgba(26, 123, 230, 0) 0%,
										rgba(69, 193, 255, 0.8) 100%
									);
								}
							}
						}
					}
				}
			}
			.dataScreen-rg {
				width: 27%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.rg-top {
					height: 30%;
					display: flex;
					flex-direction: column;
					.rg-top-cn {
						flex: 1;
						display: flex;
						flex-wrap: wrap;
						padding: 0 15px;
						.item-box {
							width: 50%;
							display: flex;
							align-items: center;
							> div {
								&:nth-child(1) {
									img {
										background: url("@/assets/screenImg/retireImg/blueBg.gif")
											no-repeat;
										background-size: 80% 70%;
										background-position-x: center;
										background-position-y: top;
									}
								}
								&:nth-child(2) {
									margin-left: 10px;
								}
							}
							.num-color {
								font-size: 24px;
								font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
								font-weight: bold;
								color: #ffffff;
								line-height: 33px;
								text-shadow: 0px 1px 7px #56caff;
							}
							.unit-img {
								margin-left: 5px;
							}
						}
					}
				}
				.rg-center {
					height: 35%;
					display: flex;
					flex-direction: column;
					.rg-center-cn {
						flex: 1;
						padding: 0 3%;
						position: relative;
					}
				}
				.rg-bottom {
					flex: 1;
					display: flex;
					flex-direction: column;
					.rg-bottom-cn {
						flex: 1;
					}
				}
			}
		}
	}
	// 表格滚动hover样式
	:deep(.dv-scroll-board) {
		.rows {
			.row-item {
				&:hover {
					background: linear-gradient(
						270deg,
						rgba(26, 123, 230, 0) 0%,
						rgba(69, 193, 255, 0.8) 100%
					);
				}
			}
		}
	}
}

.textColor {
	font-size: 14px;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: #d3e3ff;
	line-height: 21px;
	letter-spacing: 1px;
}

.numColor {
	font-size: 22px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #ffffff;
	line-height: 33px;
	text-shadow: 0px 1px 5px #ffda3a;
	&.unit {
		font-size: 14px;
		margin-left: 5px;
	}
}

.num-contain {
	position: absolute;
	display: flex;
	align-items: center;
	background: url("@/assets/screenImg/retireImg/border1.png") no-repeat;
	background-size: 100% 100%;
	padding: 8px 12px;
	top: 5%;
	right: 10%;
	.title {
		font-size: 12px;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #d3e3ff;
		line-height: 16px;
	}
	.num {
		font-size: 20px;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN;
		font-weight: 500;
		color: #ffffff;
		line-height: 16px;
		text-shadow: 0px 0px 6px #3fbfff;
	}
	&.right {
		background: url("@/assets/screenImg/retireImg/border2.png") no-repeat;
		background-size: 100% 100%;
		padding: 8px 50px 8px 12px;
		top: 0%;
		.num {
			text-shadow: 0px 0px 6px #ffda3a;
		}
	}
}
